<!DOCTYPE html>
<html>
<head>
    <title>首页</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no,target-densitydpi = medium-dpi">
    <meta name="format-detection" content="telephone=no">
    <meta name="apple-touch-fullscreen" content="YES">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <link href="../c_modules/css/base-min.css" rel="stylesheet" media="all" />
    <link rel="stylesheet" href="../c_modules/swiper/css/swiper.min.css">
    <link rel="stylesheet" href="./skin01/home_new_index2.css">
</head>

<body>
    <div class="wapper" style="-webkit-overflow-scrolling:touch;overflow-x: hidden;">
        <!-- banner -->
        <div class="swiper-container">  
            <div class="swiper-wrapper">
                <div class="swiper-slide"><img class="image" src="./images/banner.png"></div>
                <div class="swiper-slide"><img class="image" src="./images/banner.png"></div>
                <div class="swiper-slide"><img class="image" src="./images/banner.png"></div>
            </div>
            <div class="swiper-pagination"></div>
            <div class="lineP"></div>
        </div>
        <!-- swiper-buttons -->
        <div class="swiper-containers">
            <div class="swiper-wrapper">
                <div class="swiper-slide">
                    <ul class="tztui-grids home_new">
                        <li class="tztui-grid" >
                            <i class="grid__icon nav_img1"></i>
                            <p class="grid__label">多元金融</p>
                        </li>
                        <li class="tztui-grid">
                            <i class="grid__icon nav_img2"></i>
                            <p class="grid__label">个股诊断</p>
                        </li>
                        <li class="tztui-grid">
                            <i class="grid__icon nav_img3"></i>
                            <p class="grid__label">条件选股</p>
                        </li>
                        <li class="tztui-grid">
                            <i class="grid__icon nav_img4"></i>
                            <p class="grid__label">数据中心</p>
                            <i class="tztui-grid-next"></i>
                        </li>
                    </ul>
                </div>
                <div class="swiper-slide">
                    <ul class="tztui-grids home_new">
                        <li class="tztui-grid" data-url="/zx/a_zx_tuijian.html">
                            <i class="grid__icon nav_img5" ></i>
                            <p class="grid__label">头条</p>
                        </li>
                        <li class="tztui-grid" data-url="/zx/a_zx_ssgd.html">
                            <i class="grid__icon nav_img6"></i>
                            <p class="grid__label">ssgd</p>
                        </li>
                        <li class="tztui-grid" data-url="/zx/a_zx_huafu.html">
                            <i class="grid__icon nav_img7" ></i>
                            <p class="grid__label">华福</p>
                        </li>
                        <li class="tztui-grid" data-url="/zx/a_zx_zixuan.html">
                            <i class="grid__icon nav_img8"></i>
                            <p class="grid__label">自选</p>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <!-- 小白乐园 -->
        <div class="tztui-list xbly">
            <div class="tztui-list-title">小白乐园<i class="rightArrow"></i></div>
            <div class="xbly-box">
                <div class="box-item box-item1">小白学堂</div>
                <div class="box-item box-item2">猜涨跌赢大礼</div>
                <div class="box-item box-item3">模拟炒股</div>
            </div>
        </div>
        <!-- 新闻列表 -->
        <div class="xwlb">
            <div class="left-image"></div>
            <div id="donate_carousel">
              <ul class="donate_bar">
                <li><i></i><span>三大运营商 2017财报 悉数出炉</span><em>09:00</em></li>
                <li><i></i><span>华福新版APP上线，前往更新</span><em>05-22 09:00</em></li>
                <li><i></i><span>江苏科技大学广西校友友会理会成立</span><em>05-22 09:00</em></li>
                <li><i></i><span>关于江苏科技大学校友会理事候选学校友会理</span><em>05-22 09:00</em></li>
                <li><i></i><span>江苏科技大学校友网正友会理友会理友会理友会理式开通</span><em>05-22 09:00</em></li>
              </ul>
            </div>
        </div>
        <!-- 资讯-->
        <div class="tztui-list zixun">
            <ul class="zx_title">
                <li data-type="zixuan" class="active">自选<span class="tp_line"></span></li>
                <li data-type="tuijian">推荐<span></span></li>
                <li data-type="ssgd">7X24<span></span></li>
                <li data-type="huafu">华福<span></span></li>
            </ul>
            <div class="zx_content">
                <div class="cont zixuan">
                    <div class="list-container">
                        <div class="navbar_wapper">
                            <div class="navbar">
                                <a class="navbar__item navbar__item_on" href="javascript:;" data-type="zx_qb">全部</a>
                                <a class="navbar__item" href="javascript:;" data-type="zx_xw">新闻</a>
                                <a class="navbar__item" href="javascript:;" data-type="zx_gg">公告</a>
                                <a class="navbar__item" href="javascript:;" data-type="zx_yb">研报</a>
                            </div>
                        </div>
                        <div class="navbar_cont">
                            <div class="swiper-container3">
                                <div class="swiper-wrapper">
                                    <div class="swiper-slide">  
                                        <ul class="zx_qb">
                                
                                        </ul>
                                        <div class="more" data-href="zx/a_zx_zixuan.html">点击查看更多</div>
                                    </div>
                                    <div class="swiper-slide">
                                        <ul class="zx_xw">
                              
                                        </ul>
                                        <div class="more" data-href="zx/a_zx_zixuan.html">点击查看更多</div>
                                    </div>
                                    <div class="swiper-slide">
                                        <ul class="zx_gg">
                              
                                        </ul>
                                        <div class="more" data-href="zx/a_zx_zixuan.html">点击查看更多</div>
                                    </div>
                                    <div class="swiper-slide">
                                        <ul class="zx_yb">
                              
                                        </ul>
                                        <div class="more" data-href="zx/a_zx_zixuan.html">点击查看更多</div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>   
                </div>
                <div class="cont tuijian none">
                    <div class="list-container">
                        <ul></ul>
                        <div class="more" data-href="zx/a_zx_tuijian.html">点击查看更多</div>
                    </div> 
                </div>
                <div class="cont ssgd none">
                    <div class="list-container">
                        <ul></ul>
                        <div class="more" data-href="zx/a_zx_7x24.html">点击查看更多</div>
                    </div> 
                </div>
                <div class="cont huafu none">
                    <div class="list-container">
                        <ul></ul>
                        <div class="more" data-href="zx/a_zx_huafu.html">点击查看更多</div>
                    </div> 
                </div>
            </div>
        </div>
        
        <!-- 活动专区 -->
        <div class="tztui-list hdzq">
            <div class="tztui-list-title">活动专区<i class="rightArrow"></i></div>
            <div class="hdzq-box">
                <div class="scroll-box">
                    <div class="box-item box-item1">
                        <p class="title">新手大放送</p>
                        <p class="subtitle">注册免费领 6个月level2</p>
                        <i class="img img1"></i>
                    </div>
                    <div class="box-item box-item2">
                        <p class="title">猜涨跌赢大礼</p>
                        <p class="subtitle">7日年化收益率 8.88%</p>
                        <i class="img img2"></i>
                    </div>
                    <div class="box-item box-item1">
                        <p class="title">新手大放送</p>
                        <p class="subtitle">注册免费领 6个月level2</p>
                        <i class="img img1"></i>
                    </div>
                </div>
            </div>
        </div>
        <!-- 热门题材掘金 -->
        <div class="tztui-list rmtcjj">
            <div class="tztui-list-title">热门题材掘金<i class="rightArrow"></i></div>
            <div class="rmtcjj-box">
                <div class="box-item">
                    <div class="box-img box-img1">猪肉与牛肉</div>
                    <p>新时代5G板块即将到来，我们该...</p>
                </div>
                <div class="box-item">
                    <div class="box-img box-img2">粤港澳湾区</div>
                    <p>新时代5G板块即将到来，我们该...</p>
                </div>
                <div class="box-item">
                    <div class="box-img box-img1">一带一路新时代</div>
                    <p>新时代5G板块即将到来，我们该...</p>
                </div>
            </div>
        </div>
        <!-- 牛人观点 -->
        <div class="tztui-list nrgd">
            <div class="tztui-list-title">牛人观点<i class="rightArrow"></i></div>
            <div class="nrgd-box">
                <div class="scroll-box">
                    <div class="box-item box-item1">
                        <p class="box-title"><span class="title-img"></span><span class="title-name">牛人就是我</span><i class="title-attent title-gz"></i></p>
                        <p class="box-content">每日三分钟，预测明日大盘。大数据统计，准确率可达到70%以上。</p>
                    </div>
                    <div class="box-item box-item2">
                        <p class="box-title"><span class="title-img "></span><span class="title-name">牛人就是我</span><i class="title-attent"></i></p>
                        <p class="box-content">每日三分钟，预测明日大盘。大数据统计，准确率可达到70%以上。</p>
                    </div>
                    <div class="box-item box-item1">
                        <p class="box-title"><span class="title-img "></span><span class="title-name">牛人就是我</span><i class="title-attent"></i></p>
                        <p class="box-content">每日三分钟，预测明日大盘。大数据统计，准确率可达到70%以上。</p>
                    </div>
                </div>
            </div>
        </div>
        <!-- 股票组合 -->
        <div class="tztui-list gpzh">
            <div class="tztui-list-title">股票组合<i class="rightArrow"></i></div>
            <div class="gpzh-box">
                <div class="box-item">
                    <div class="box-content">
                        <div class="box-list box-list1">
                            <p>事件驱动</p><i></i>
                        </div>
                        <div class="box-list box-list2">
                            <p>48.78%</p><span>近7日收益率</span>
                        </div>
                        <div class="box-list box-list3">
                            <p>1200</p><span>持股数</span>
                        </div>
                    </div>
                    <p class="box-bottom">
                        <span class="box-name"><em>淼淼</em> 创建</span>
                        <span class="box-time">最近操作：2017-12-20 14:13</span>
                    </p>
                </div>
                <div class="box-item">
                    <div class="box-content">
                        <div class="box-list box-list1">
                            <p>一剑封喉</p><i></i>
                        </div>
                        <div class="box-list box-list2">
                            <p>34.57%</p><span>近7日收益率</span>
                        </div>
                        <div class="box-list box-list3">
                            <p>700</p><span>持股数</span>
                        </div>
                    </div>
                    <p class="box-bottom">
                        <span class="box-name"><em>淼淼</em> 创建</span>
                        <span class="box-time">最近操作：2017-12-20 14:13</span>
                    </p>
                </div>
                <div class="box-item">
                    <div class="box-content">
                        <div class="box-list box-list1">
                            <p>12月组合</p><i></i>
                        </div>
                        <div class="box-list box-list2">
                            <p>28.31%</p><span>近7日收益率</span>
                        </div>
                        <div class="box-list box-list3">
                            <p>0</p><span>持股数</span>
                        </div>
                    </div>
                    <p class="box-bottom">
                        <span class="box-name"><em>淼淼</em> 创建</span>
                        <span class="box-time">最近操作：2017-12-20 14:13</span>
                    </p>
                </div>
            </div>
        </div>
        <div class="tztui-list zhuanqu">
            <div class="jjzq img1">基金专区</div>
            <div class="lczq img2">理财专区</div>
        </div>
    </div>
    
    <script src="../c_modules/jquery-1.7.1.min.js"></script>
    <script src="../c/TZT.js"></script>
    <script src="../c_modules/swiper/js/swiper.min.js"></script>
    <script src="./js/home_new_index2.js"></script>
    <script>
        var swiper = new Swiper('.swiper-container', {
            pagination: '.swiper-pagination',
            autoplay: 3000,//可选选项，自动滑动
        });

        var swipers = new Swiper('.swiper-containers', {
            navigation: {
                nextEl: '.swiper-button-next',
                prevEl: '.swiper-button-prev',
              },
        });
    </script>
    <script>
        
    </script>
    <script>
        
    </script>
</body>

</html>